@mixin ellipsis-line($val) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $val;
  /* autoprefixer: off */
  -webkit-box-orient: vertical; // 参考 https://github.com/postcss/autoprefixer/issues/776
}

@mixin box-shadow {
  --border-radius: 4px;
  border-radius: var(--border-radius);
  border: 1px solid var(--el-border-color);
  background-color: var(--el-bg-color-overlay);
  overflow: hidden;
  color: var(--el-text-color-primary);
  transition: var(--el-transition-duration);
}
